<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        表单的补充
            表单主要是用来获取用户信息的

            <input type="radio" name="sex"/> 单选按钮（框）
            注意： 如果单选按钮只想选择一个，必须要添加name属性，并且name的属性值要是一样的

            <input type="checkbox" /> 多选（复选）
            <input type="file" /> 上传文件

            标签
            <textarea></textarea> 多行文本（文本域）
            <select>  下拉菜单 
                <option value="">1月</option>
            </select>

            html属性
                checked 默认选中
                multiple 多个（上传 邮箱）
                disabled 禁用
     -->
     <style>
        select{
            width:200px; height:50px;
        }
        textarea{
            resize: none;
            /* 禁止多行文本拖动 */
            width:300px; height:200px;
            vertical-align: top;
        }
     </style>
</head>
<body>
    <form action="" method="">
        用户名:<input type="text"/><input type="text" disabled/>
        <input type="hidden" />
       
        <br>
        密码:<input type="password" />
        <br>
        性别:<input type="radio" name="sex"/>男 <input type="radio" name="sex" checked /> 女
        <br />
        你选择程序员做男朋友的原因: <input type="checkbox" /> 挣的多 <input type="checkbox" /> 花的少 <input type="checkbox" /> 没的快 <input type="checkbox" checked /> 颜值高
        <br />
        请上传你的文件:<input type="file" multiple/>
        <br />
        请选择你是哪年哪月出生的：<select>
                            <option>2000</option>
                            <option>2001</option>
                            <option selected>2002</option>
                            <option>2003</option>
                        </select>年
            <select>
                <option value="">1月</option>
                <option value="">2月</option>
                <option value="">3月</option>
                <option value="">4月</option>
            </select>
        <br />
        快跟boss：<textarea>快跟boss说点什么</textarea>
   
        <hr />
        <input type="submit" />
    </form>
</body>
</html>